@charset "utf-8";
@import "./base.css";
@import "./modules/header.css";
@import "./modules/footer.css";
html {
  height: 100%;
  body {
    height: 100%;
    // background-color: sandybrown;
    .xiaomi {
      height: 100%;
      .banner {
        width: 100%;
        .swiper-slide {
          > img {
            width: 100%;
            height: 100%;
          }
        }
      }
      section {
        > .mingxing {
          //   background-color: rgb(246, 243, 233);
          background-color: white;
          h2 {
            width: 100%;
            height: 68px;
            font-size: 24px;
            padding: 4px 0px 0px;
            line-height: 68px;
            color: #333;
          }
          .redmiK20 {
            width: 100%;
            height: 434px;
            background: white;
            display: flex;
            justify-content: space-around;
            // border: 1px solid #ccc;

            > img {
              width: 854px;
              height: 434px;
              background-color: b2b8cd;
            }
            > .jieshao {
              width: 350px;
              height: 340px;
              margin-top: 150px;
              margin-left: 70px;
              > a {
                color: rgba(51, 51, 51, 0.9);
                font-size: 32px;
              }
              > h3 {
                color: rgba(51, 51, 51, 0.7);
                font-size: 14px;
                margin: 4px 0px 0px;
                line-height: 22px;
                min-height: 44px;
              }
              > h4 {
                line-height: 45px;
                font-size: 32px;
                color: orange;
                font-weight: bold;
                > i {
                  font-weight: normal;
                  font-size: 12px;
                  margin-left: 3px;
                }
                > s {
                  font-size: 12px;
                  font-weight: normal;
                  color: rgba(51, 51, 51, 0.6);
                  text-decoration: line-through;
                  margin-left: 20px;
                }
              }
            }
          }
          .redmiK20:hover {
            margin-top: 3px;
          }
          .Phonese {
            > ul {
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              > li {
                width: 600px;
                height: 482px;
                background-color: white;
                margin: 20px 5px 0px 0px;
                > a {
                  > img {
                    width: 600px;
                    height: 358px;
                    background-color: #bbbbc5;
                  }
                  > h3 {
                    color: #333;
                    font-size: 24px;
                    margin: 38px 0px 0px 48px;
                  }
                  > p {
                    color: #bbbbc5;
                    font-size: 14px;
                    margin: 3px 0px 0px 48px;
                    > i {
                      font-size: 30px;
                      color: orange;
                      margin-left: 220px;
                      font-weight: bold;
                    }
                    > b {
                      color: orange;
                    }
                    > s {
                      font-size: 12px;
                      font-weight: normal;
                      color: rgba(51, 51, 51, 0.6);
                      text-decoration: line-through;
                      margin-left: 20px;
                    }
                  }
                }
              }
              > li:hover {
                margin-top: 3px;
              }
            }
          }
        }
      }
    }
  }
}
